location.search //获取搜索字段  
console.log(location.search); // ?pid=410247&aa=23
// pid后面的 值 

// URLSearchParams  将搜索字段 转为对象
let obj = new URLSearchParams(location.search)
// get方法获取对应的参数
let pid = obj.get('pid')
console.log(pid);
let uid = localStorage.getItem('uid')
console.log(uid);
let bigbanner = document.querySelector('.bigbanner')
console.log(bigbanner);
// 根据pid 获取商品信息 （接口）

//         根据商品id获取商品详情接口

//  接口地址：http://jx.xuzhixiang.top/ap/api/detail.php
// 接口请求方式：get
// 接口参数：
// id  商品的id
// 使用方式
// 获取id为1的商品的详情
// http://jx.xuzhixiang.top/ap/api/detail.php?id=1
// 服务器返回json数据(商品详情id)
//  <dl>
// <dd>
// <div class="big_img"></div>
// </dd>
// <dt class="dt_Class">
// <p></p><br>
// <p></p>
// </dt>
// </dl> 
let detilAPI = 'http://jx.xuzhixiang.top/ap/api/detail.php'
// 发起请求
// let params
let alert_logins = document.querySelector('.alert_login')
console.log(alert_logins);
let dengluBtns = document.querySelector('.dengluBtns')//获取加入购物车按钮
let dengluBtn = document.querySelector('.dengluBtn')//获取登录加入购物车按钮
if (uid) {
    dengluBtn.style.display = 'none'
    alert_logins.style.display = 'none'
    dengluBtns.style.display = 'block'
} else {
    dengluBtns.style.display = 'none'
    dengluBtn.style.display = 'block'
    alert_logins.style.display = 'block'
}

html = ''
axios.get(detilAPI, {
    params: {
        id: pid
    }
}).then(res => {
    console.log(res.data.data);
    let Objdetil = res.data.data
    let html = `
            <dl>
            <dd>
            <div class="big_img"><img src="${Objdetil.pimg}" alt=""></div>
            </dd>
            <dt class="dt_Class">
            <p style="font-size:30px;font-weight:border;">${Objdetil.pname}</p><br><br>
            <p style="color:#FF6700;font-size:30px;font-weight:border;">${Objdetil.pprice}</p>
            </dt>
            </dl>
                `
    console.log(html);
    bigbanner.innerHTML = html
}) //成功
dengluBtns.onclick = async function () {
    console.log(dengluBtns);
    let AddCartApi = 'http://jx.xuzhixiang.top/ap/api/add-product.php'
    let params = { uid, pid }
    let res = await axios.get(AddCartApi, { params })
    console.log(res.data);
    alert('成功加入购物车')
}